<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
    <head>
        <th:block th:include="include :: header('其他操作')"/>
    </head>
    <body class="white-bg">
        <div class="wrapper wrapper-content animated fadeInRight ibox-content">
            <form class="form-horizontal" id="form-demo-1">
                <div class="form-group">
                    <label class="col-sm-2 control-label">用户名称：</label>
                    <div class="col-sm-10">
                        <input class="form-control" name="userName" placeholder="请输入用户名称" type="text">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">手机号码：</label>
                    <div class="col-sm-10">
                        <input class="form-control" maxlength="11" name="phonenumber" placeholder="请输入手机号码"
                               type="text">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button class="btn btn-sm btn-primary" onclick="submit1()" type="button"><i
                                class="fa fa-check"></i>保 存（不刷新当前页）
                        </button>&nbsp;
                    </div>
                </div>
            </form>
            <hr/>
            <form class="form-horizontal" id="form-demo-2">
                <div class="form-group">
                    <label class="col-sm-2 control-label">用户名称：</label>
                    <div class="col-sm-10">
                        <input class="form-control" name="userName" placeholder="请输入用户名称" type="text">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">手机号码：</label>
                    <div class="col-sm-10">
                        <input class="form-control" maxlength="11" name="phonenumber" placeholder="请输入手机号码"
                               type="text">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button class="btn btn-sm btn-primary" onclick="submit2()" type="button"><i
                                class="fa fa-check"></i>保 存（刷新当前页）
                        </button>&nbsp;
                    </div>
                </div>
            </form>
        </div>
        <th:block th:include="include :: footer"/>
        <script type="text/javascript">
            var prefix = ctx + "demo/operate";

            function submit1() {
                $.operate.saveModal(prefix + "/edit", $('#form-demo-1').serialize());
            }

            function submit2() {
                $.ajax({
                    url: prefix + "/edit",
                    data: $('#form-demo-2').serialize(),
                    type: "post",
                    success: function (result) {
                        if (result.code == web_status.SUCCESS) {
                            layer.msg("保存成功,正在刷新数据请稍候……", {
                                icon: 1,
                                time: 500,
                                shade: [0.1, '#8F8F8F']
                            }, function () {
                                location.reload();
                            });
                        } else {
                            alert(result.msg);
                        }
                    }
                })
            }
        </script>
    </body>
</html>